﻿<!DOCTYPE html>
<html>
  <head>
    <title>设置功能</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/设置功能/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/设置功能/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (手机界面) -->

      <!-- 手机界面 (动态面板) -->
      <div id="u300" class="ax_default" data-label="手机界面">
        <div id="u300_state0" class="panel_state" data-label="State1" style="">
          <div id="u300_state0_content" class="panel_state_content">

            <!-- iPhone 8 (组 合) -->
            <div id="u301" class="ax_default" data-label="iPhone 8" data-left="0" data-top="0" data-width="430" data-height="880">

              <!-- iPhone 8 (图片) -->
              <div id="u302" class="ax_default" data-label="iPhone 8">
                <img id="u302_img" class="img " src="images/闹钟交互原型/iphone_8_u172.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u303" class="ax_default box_1">
                <div id="u303_div" class=""></div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u304" class="ax_default box_11">
              <div id="u304_div" class=""></div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u305" class="ax_default _图片">
              <img id="u305_img" class="img " src="images/闹钟交互原型/u175.jpg"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u306" class="ax_default box_2">
              <div id="u306_div" class=""></div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u307" class="ax_default box_3">
        <div id="u307_div" class=""></div>
      </div>

      <!-- LoopPanel (动态面板) -->
      <div id="u308" class="ax_default" data-label="LoopPanel">
        <div id="u308_state0" class="panel_state" data-label="State1" style="">
          <div id="u308_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u308_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u308_state1_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Clock (矩形) -->
      <div id="u309" class="ax_default label" data-label="Clock">
        <div id="u309_div" class=""></div>
        <div id="u309_text" class="text ">
          <p><span>10:00</span></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u310" class="ax_default">
        <div id="u310_state0" class="panel_state" data-label="State1" style="">
          <div id="u310_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u311" class="ax_default box_2">
              <div id="u311_div" class=""></div>
              <div id="u311_text" class="text ">
                <p><span>&nbsp;&nbsp; &nbsp; 夜晚模式</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u312" class="ax_default _图片">
              <img id="u312_img" class="img " src="images/闹钟交互原型/u203.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u313" class="ax_default box_2">
              <div id="u313_div" class=""></div>
            </div>

            <!-- 我的资料 (组 合) -->
            <div id="u314" class="ax_default" data-label="我的资料" data-left="33" data-top="75" data-width="309" data-height="70">

              <!-- Unnamed (图片) -->
              <div id="u315" class="ax_default image">
                <img id="u315_img" class="img " src="images/设置功能/u315.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u316" class="ax_default _二级标题">
                <div id="u316_div" class=""></div>
                <div id="u316_text" class="text ">
                  <p><span>我的资料</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u317" class="ax_default icon">
                <img id="u317_img" class="img " src="images/设置功能/u317.png"/>
              </div>
            </div>

            <!-- 振动 (组 合) -->
            <div id="u318" class="ax_default" data-label="振动" data-left="1" data-top="348" data-width="377" data-height="57">

              <!-- Unnamed (矩形) -->
              <div id="u319" class="ax_default box_2">
                <div id="u319_div" class=""></div>
                <div id="u319_text" class="text ">
                  <p><span>&nbsp;&nbsp; &nbsp; 振动</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u320" class="ax_default icon">
                <img id="u320_img" class="img " src="images/设置功能/u320.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u321" class="ax_default label">
                <div id="u321_div" class=""></div>
                <div id="u321_text" class="text ">
                  <p><span>声音与振动</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u322" class="ax_default box_2">
              <div id="u322_div" class=""></div>
              <div id="u322_text" class="text ">
                <p><span>&nbsp;&nbsp; &nbsp; 天气提示</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u323" class="ax_default _图片">
              <img id="u323_img" class="img " src="images/闹钟交互原型/u203.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u324" class="ax_default box_2">
              <div id="u324_div" class=""></div>
              <div id="u324_text" class="text ">
                <p><span>&nbsp;&nbsp; &nbsp; 周末唤醒</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u325" class="ax_default _图片">
              <img id="u325_img" class="img " src="images/闹钟交互原型/u203.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u326" class="ax_default _三级标题">
              <div id="u326_div" class=""></div>
              <div id="u326_text" class="text ">
                <p><span>高级设置</span></p>
              </div>
            </div>

            <!-- 灯光 (组 合) -->
            <div id="u327" class="ax_default" data-label="灯光" data-left="1" data-top="453" data-width="377" data-height="57">

              <!-- Unnamed (矩形) -->
              <div id="u328" class="ax_default box_2">
                <div id="u328_div" class=""></div>
                <div id="u328_text" class="text ">
                  <p><span>&nbsp;&nbsp; &nbsp; 灯光连接</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u329" class="ax_default label">
                <div id="u329_div" class=""></div>
                <div id="u329_text" class="text ">
                  <p><span>Hue灯泡</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u330" class="ax_default icon">
                <img id="u330_img" class="img " src="images/设置功能/u320.png"/>
              </div>
            </div>

            <!-- 智能枕 (组 合) -->
            <div id="u331" class="ax_default" data-label="智能枕" data-left="1" data-top="510" data-width="377" data-height="57">

              <!-- Unnamed (矩形) -->
              <div id="u332" class="ax_default box_2">
                <div id="u332_div" class=""></div>
                <div id="u332_text" class="text ">
                  <p><span>&nbsp;&nbsp; &nbsp; 添加智能枕</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u333" class="ax_default label">
                <div id="u333_div" class=""></div>
                <div id="u333_text" class="text ">
                  <p><span>睡眠宝</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u334" class="ax_default icon">
                <img id="u334_img" class="img " src="images/设置功能/u320.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u335" class="ax_default _二级标题">
              <div id="u335_div" class=""></div>
              <div id="u335_text" class="text ">
                <p><span>设置</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u310_state1" class="panel_state" data-label="添加智能枕" style="visibility: hidden;">
          <div id="u310_state1_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u336" class="ax_default _图片">
              <img id="u336_img" class="img " src="images/设置功能/u336.jpg"/>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u337" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u338" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u339" class="ax_default">
            </div>

            <!-- Unnamed (热区) -->
            <div id="u340" class="ax_default">
            </div>
          </div>
        </div>
        <div id="u310_state2" class="panel_state" data-label="智能宝" style="visibility: hidden;">
          <div id="u310_state2_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u341" class="ax_default _图片">
              <img id="u341_img" class="img " src="images/设置功能/u341.jpg"/>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u342" class="ax_default">
            </div>
          </div>
        </div>
        <div id="u310_state3" class="panel_state" data-label="S1" style="visibility: hidden;">
          <div id="u310_state3_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u343" class="ax_default _图片">
              <img id="u343_img" class="img " src="images/设置功能/u343.jpg"/>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u344" class="ax_default">
            </div>
          </div>
        </div>
        <div id="u310_state4" class="panel_state" data-label="第三代" style="visibility: hidden;">
          <div id="u310_state4_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u345" class="ax_default _图片">
              <img id="u345_img" class="img " src="images/设置功能/u345.jpg"/>
            </div>

            <!-- Unnamed (热区) -->
            <div id="u346" class="ax_default">
            </div>
          </div>
        </div>
        <div id="u310_state5" class="panel_state" data-label="振动" style="visibility: hidden;">
          <div id="u310_state5_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u347" class="ax_default _二级标题">
              <div id="u347_div" class=""></div>
              <div id="u347_text" class="text ">
                <p><span>振动</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u348" class="ax_default box_2">
              <div id="u348_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u349" class="ax_default icon">
              <img id="u349_img" class="img " src="images/闹钟交互原型/u229.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u350" class="ax_default label">
              <div id="u350_div" class=""></div>
              <div id="u350_text" class="text ">
                <p><span>铃声配合手机振动，建议使用。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u351" class="ax_default box_2">
              <div id="u351_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u352" class="ax_default box_2">
              <div id="u352_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u353" class="ax_default label">
              <div id="u353_div" class=""></div>
              <div id="u353_text" class="text ">
                <p><span>铃声唤醒，无振动。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u354" class="ax_default label">
              <div id="u354_div" class=""></div>
              <div id="u354_text" class="text ">
                <p><span>无铃声唤醒，仅手机振动。适用您需要手</span></p><p><span>机提醒但又不会使您分心。</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u355" class="ax_default _图片 selected" selectiongroup="开关">
              <img id="u355_img" class="img " src="images/设置功能/u355_selected.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u356" class="ax_default _图片" selectiongroup="开关">
              <img id="u356_img" class="img " src="images/闹钟交互原型/u231_selected.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u357" class="ax_default _图片" selectiongroup="开关">
              <img id="u357_img" class="img " src="images/闹钟交互原型/u231_selected.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u358" class="ax_default _三级标题">
              <div id="u358_div" class=""></div>
              <div id="u358_text" class="text ">
                <p><span style="font-family:'ArialMT', 'Arial';">&nbsp;&nbsp; &nbsp; </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">仅声音</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u359" class="ax_default _三级标题">
              <div id="u359_div" class=""></div>
              <div id="u359_text" class="text ">
                <p><span style="font-family:'ArialMT', 'Arial';">&nbsp;&nbsp; &nbsp; </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">声音与振动</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u360" class="ax_default _三级标题">
              <div id="u360_div" class=""></div>
              <div id="u360_text" class="text ">
                <p><span style="font-family:'ArialMT', 'Arial';">&nbsp;&nbsp; &nbsp; </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">仅振动</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u310_state6" class="panel_state" data-label="灯光连接" style="visibility: hidden;">
          <div id="u310_state6_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u361" class="ax_default _图片">
              <img id="u361_img" class="img " src="images/设置功能/u361.jpg"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u362" class="ax_default icon">
              <img id="u362_img" class="img " src="images/闹钟交互原型/u229.png"/>
            </div>
          </div>
        </div>
        <div id="u310_state7" class="panel_state" data-label="资料" style="visibility: hidden;">
          <div id="u310_state7_content" class="panel_state_content">

            <!-- Unnamed (图片) -->
            <div id="u363" class="ax_default _图片">
              <img id="u363_img" class="img " src="images/设置功能/u363.jpg"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u364" class="ax_default icon">
              <img id="u364_img" class="img " src="images/闹钟交互原型/u229.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u365" class="ax_default _二级标题">
              <div id="u365_div" class=""></div>
              <div id="u365_text" class="text ">
                <p><span>我的资料</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u366" class="ax_default _图片" selectiongroup="功能键">
        <img id="u366_img" class="img " src="images/闹钟交互原型/u249.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u367" class="ax_default _图片 selected" selectiongroup="功能键">
        <img id="u367_img" class="img " src="images/闹钟交互原型/u250_selected.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u368" class="ax_default _图片" selectiongroup="功能键">
        <img id="u368_img" class="img " src="images/闹钟交互原型/u251.png"/>
      </div>
    </div>
  </body>
</html>
